<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网易严选</title>
		<link rel="stylesheet" type="text/css" href="./css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!-- 头部 -->
		<header id="head">
			<!-- 登录/注册/app -->
			<div class="head">
				<div class="center clearfix">
					<div class="left">好的生活，没那么贵</div>
					<div class="right">
						<ul>
							<li><a href="" class="noborder">登录/注册</a></li>
							<li><a href="">我的订单</a></li>
							<li><a href="">会员</a></li>
							<li><a href="">甄选家</a></li>
							<li><a href="">企业采购</a></li>
							<li class="customer">
								<a href="">客户服务</a>
								<!-- 二级菜单 -->
								<ul>
									<li><a href="">商务合作</a></li>
									<li><a href="">帮助中心</a></li>
									<li class="phone">
										<a href="">在线客服</a>
										<!-- 三级菜单 -->
										<div>
											<p>400-0368-163</p>
											<p>9:00-22:00</p>
										</div>
									</li>
									<li><a href="" class="noborder">开放平台</a></li>
								</ul>
							</li>
							<li class="down">
								<a href="">APP</a>
								<div>
									<img src="images/down.png" >
									<p>扫码下载 首单立减8元</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			<!-- logo/搜索框 -->
			<div class="search">
				<div class="center clearfix">
					<h1><a href="#"><img src="images/logo.gif" alt="网易严选" ></a></h1>
					<div class="searchBox right">
						<!-- <input type="text" value="imberland制造商情侣牛皮靴"> -->
						<input type="text" placeholder="imberland制造商情侣牛皮靴">
						<a href="javascript:;"></a>
					</div>
				</div>
			</div>
			
			<!-- 导航 -->
			<nav class="nav">				
				<!-- 一级菜单 -->
				<div class="center clearfix">
					<a href="#" class="logo"><img src="./images/smallLogo.gif" ></a>
					<ul class="navBar">
						<li class="active"><a href="#">首页</a></li>
						<li><a href="#">居家</a></li>
						<li><a href="#">餐厨</a></li>
						<li><a href="#">配件</a></li>
						<li><a href="#">服装</a></li>
						<li><a href="#">洗护</a></li>
						<li><a href="#">婴童</a></li>
						<li><a href="#">杂货</a></li>
						<li><a href="#">饮食</a></li>
						<li><a href="#">其他</a></li>
						<li class="separate">|</li>
						<li><a href="#">专题</a></li>
						<li><a href="#">甄选家</a></li>
					</ul>				
					<!-- 购物车 -->
					<div class="cartWrap" >
						<i>0</i>
						<div class="cart" style="display: none;">
							<!-- 上面 -->
							<div class="list">
								<!-- 左侧 商品列表 -->
								<ul>
									<li>
										<a href="#" class="product-pic"><img src="./images/img_01-1.png" ></a>
										<div class="message">
											<p><a href="#">领尖扣商务免烫衬衫领尖扣商务免烫衬衫领尖扣商务免烫衬衫</a></p>
											<p>白色LX1</p>
										</div>
										<div class="price">￥219.00</div>
										<div class="close">X</div>
									</li>
									<li>
										<a href="#" class="product-pic"><img src="./images/img_01-1.png" ></a>
										<div class="message">
											<p><a href="#">领尖扣商务免烫衬衫</a></p>
											<p>白色LX1</p>
										</div>
										<div class="price">￥219.00</div>
										<div class="close">X</div>
									</li>
									<li>
										<a href="#" class="product-pic"><img src="./images/img_01-1.png" ></a>
										<div class="message">
											<p><a href="#">领尖扣商务免烫衬衫</a></p>
											<p>白色LX1</p>
										</div>
										<div class="price">￥219.00</div>
										<div class="close">X</div>
									</li>
								</ul>
								<!-- 右侧 自定义滚动条 -->
								<div class="scrollBar">
									<span class="topBtn"></span>
									<div class="swideWrap">
										<div class="slide"></div>
									</div>
									<span class="bottomBtn"></span>
								</div>
							</div>
							<!-- 下面 -->
							<div class="total">
								商品合计: <span>￥751.00</span>
								<a href="#">去购物车结算</a>
							</div>
						</div>
					</div>
					<div class="login">
						<a href="">登录</a>
						<a href="">注册</a>
					</div>
				</div>				
				<!-- 二级菜单 -->
				<div class="subNav">
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />1被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />2被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />3被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />4被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />5被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />6被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />7被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />8被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/nav_01.png" alt="" />9被枕</a></li>
						<li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
						<li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
						<li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
						<li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
						<li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
						<li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
						<li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
					</ul>
				</div>
			</nav>
		</header>
		
		<!-- banner -->
		<div id="banner">
			<div class="bannerPic" id="bannerPic">
				<div class="carouselImgCon">
					<a href="#"><img src="images/pic_01.jpg" style="opacity: 1;" ></a>
					<a href="#"><img src="images/pic_02.jpg" ></a>
					<a href="#"><img src="images/pic_03.jpg" ></a>
					<a href="#"><img src="images/pic_04.jpg" ></a>
					<a href="#"><img src="images/pic_05.jpg" ></a>
				</div>
				<!-- <div class="prev"><</div>
				<div class="next">></div>
				<div class="circle">
					<span class="active"></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</div> -->
			</div>
		</div>
	
		<!-- 品牌制造商 -->
		<section id="brand">
			<header class="brandHead clearfix">
				<div class="left">
					<h3>品牌制造商</h3><span>工厂直达消费者，剔除品牌溢价</span>
				</div>
				<div class="right">
					<a href="#" class="scaleImg">更多制造商></a>
				</div>
			</header>
			<div class="bImg">
				<div class="bBox">
					<h4>MUJI制造商</h4>
					<span>12.9元起</span>
					<!-- <a href="#" class="scaleImg"><img src="images/img_01.jpg" ></a> -->
					<a href="#" class="scaleImg">
						<img class="original" src="images/empty.gif" data-src="images/img_01.jpg" >
					</a>
				</div>
				<div class="bBox">
					<h4>MUJI制造商</h4>
					<span>12.9元起</span>
					<a href="#" class="scaleImg">
						<!-- <img src="images/img_02.jpg" > -->
						<img class="original" src="images/empty.gif" data-src="images/img_02.jpg" >
					</a>
				</div>
				<div class="bBox">
					<div>
						<h4>Adidas制商</h4>
						<span>49元起</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_03.jpg" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_03.jpg" >
						</a>
					</div>
					<div>
						<h4>内野制造商</h4>
						<span>29元起</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_04.jpg" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_04.jpg" >
						</a>
					</div>
				</div>
			</div>
		</section>
	
		<!-- 新品首发 -->
		<section id="new">
			<header class="brandHead clearfix">  
				<div class="left">
					<h3>新品首发</h3><span>周一周四上新，为你寻觅世间好物</span>
				</div>
				<div class="right">
					<a href="#" class="scaleImg">更多新品></a>
				</div>
			</header>
			<div class="content" id="newProduct">
					<div class="carouselImgCon">
						<ul class="clearfix">
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
									<!-- <img src="images/img_05.png" >
									<img src="images/img_05.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_05.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_05.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
									<!-- <img src="images/img_06.png" >
									<img src="images/img_06.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_06.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_06.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
								<!-- 	<img src="images/img_07.png" >
									<img src="images/img_07.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_07.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_07.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
									<!-- <img src="images/img_08.png" >
									<img src="images/img_08.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_08.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_08.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
									<!-- <img src="images/img_09.png" >
									<img src="images/img_09.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_09.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_09.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
									<!-- <img src="images/img_10.png" >
									<img src="images/img_10.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_10.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_10.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
									<!-- <img src="images/img_11.png" >
									<img src="images/img_11.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_11.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_11.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
							<li>
								<span class="colorNum">2色可选</span>
								<a href="#">
									<!-- <img src="images/img_12.png" >
									<img src="images/img_12.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_12.png" >
									<img class="original" src="images/empty.gif" data-src="images/img_12.jpg" >
								</a>
								<div class="title">
									<a href="#">单面绒休闲卫衣(男童)</a>
									<p>￥109</p>
								</div>
							</li>
						</ul>
					</div>
					<!-- <div class="prev"><</div>
					<div class="next">></div> -->
			</div>
		</section>
	
		<!-- 人气推荐 -->
		<section id="recommend">
			<div class="center">
				<header class="clearfix">
					<div class="left">
						<h3>人气推荐</h3>
						<ul>
							<li class="active">编辑推荐</li>
							<li>人气周榜</li>
							<li>热销总榜</li>
						</ul>
					</div>
					<div class="right">
						<a href="#">更多推荐></a>
					</div>
				</header>
				<div class="content clearfix">
					<div class="box">
						<span class="colorNum">1色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_13.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_13.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_14.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_14.png" >
							</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_15.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_15.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_16.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_16.png" >
							</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_17.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_17.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_18.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_18.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_19.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_19.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
				</div>
				
				<div class="content clearfix">
					<div class="box">
						<span class="colorNum">2色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_13.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_13.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_14.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_14.png" >
							</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_15.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_15.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_16.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_16.png" >
							</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_17.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_17.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_18.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_18.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_19.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_19.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
				</div>
			
				<div class="content clearfix">
					<div class="box">
						<span class="colorNum">3色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_13.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_13.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_14.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_14.png" >
							</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_15.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_15.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_16.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_16.png" >
							</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_17.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_17.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_18.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_18.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg">
							<!-- <img src="images/img_19.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_19.png" >
						</a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
				</div>
							
			<!-- 	
				<div class="content clearfix">
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_13.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_14.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_15.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_16.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_17.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_18.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_19.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
				</div>
				
				<div class="content clearfix">
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_13.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_14.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_15.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_16.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_17.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_18.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
					<div class="box">
						<span class="colorNum">5色可选</span>
						<a href="#" class="scaleImg"><img src="images/img_19.png" ></a>
						<div class="title">
							<a href="#">简约陶瓷马克杯</a>
							<p>￥39</p>
						</div>
					</div>
				</div>
			 -->
			
			</div>
		</section>
		
		<!-- 限时购 -->
		<section id="limit">
			
			<!-- 标题 -->
			<header class="clearfix">
				<div class="left">
					<h3>限时购</h3>
				</div>
				<div class="right">
					<a href="#">更多推荐></a>
				</div>
			</header>
			
			<!-- 商品列表 -->
			<div class="content clearfix">
				<!-- 左侧 -->
				<div class="time left">
					<h4>14点场</h4>
					<p>距离结束还剩</p>
					<div class="timeBox">
						<span>00</span>:<span>00</span>:<span>00</span>
					</div>
					<a href="#">查看更多></a>
				</div>
				<!-- 右侧 -->
				<div class="boxWrap right clearfix">
					<div class="limitBox">
						<a href="#" class="left scaleImg">
							<!-- <img src="images/img_20.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_20.png" >	
						</a>
						<div class="right">
							<a href="#" class="title">复古翻帮休闲女鞋</a>
							<p>翻帮设计，复古法国风</p>
							<div class="numBar clearfix">
								<div class="numCon"><span></span></div>
								<span class="numTips">还剩573件</span>
							</div>
							<div>
								<span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
							</div>
							<a href="#" class="qianggou">立即抢购</a>
						</div>
					</div>
					<div class="limitBox">
						<a href="#" class="left scaleImg">
							<!-- <img src="images/img_21.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_21.png" >
						</a>
						<div class="right">
							<a href="#" class="title">复古翻帮休闲女鞋</a>
							<p>翻帮设计，复古法国风</p>
							<div class="numBar clearfix">
								<div class="numCon"><span></span></div>
								<span class="numTips">还剩573件</span>
							</div>
							<div>
								<span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
							</div>
							<a href="#" class="qianggou">立即抢购</a>
						</div>
					</div>
					<div class="limitBox">
						<a href="#" class="left scaleImg">
							<!-- <img src="images/img_22.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_22.png" >
						</a>
						<div class="right">
							<a href="#" class="title">复古翻帮休闲女鞋</a>
							<p>翻帮设计，复古法国风</p>
							<div class="numBar clearfix">
								<div class="numCon"><span></span></div>
								<span class="numTips">还剩573件</span>
							</div>
							<div>
								<span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
							</div>
							<a href="#" class="qianggou">立即抢购</a>
						</div>
					</div>
					<div class="limitBox">
						<a href="#" class="left scaleImg">
							<!-- <img src="images/img_23.png" > -->
							<img class="original" src="images/empty.gif" data-src="images/img_23.png" >
						</a>
						<div class="right">
							<a href="#" class="title">复古翻帮休闲女鞋</a>
							<p>翻帮设计，复古法国风</p>
							<div class="numBar clearfix">
								<div class="numCon"><span></span></div>
								<span class="numTips">还剩573件</span>
							</div>
							<div>
								<span class="xianshi">限时价</span><span class="fuhao">￥</span> <strong>199</strong><span class="yuan">原价 ￥249</span>
							</div>
							<a href="#" class="qianggou">立即抢购</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<!-- 居家 -->
		<section class="category">
			
			<!-- 标题 -->
			<header class="clearfix">
				<div class="left">
					<h3>居家</h3><span>回家，放松身心</span>
				</div>
				<div class="right">
					<a href="#" class="more">更多推荐></a>
					<ul>
						<li><a href="#">被枕</a>/</li>
						<li><a href="#">床品件套</a>/</li>
						<li><a href="#">床垫</a>/</li>
						<li><a href="#">地垫</a>/</li>
						<li><a href="#">舒坐</a>/</li>
						<li><a href="#">灯具</a>/</li>
						<li><a href="#">家饰</a>/</li>
					</ul>
				</div>
			</header>
			
			<!-- 大图 -->
			<a href="#" class="categoryBigImg">
				<!-- <img src="images/img_24.jpg" > -->
				<img class="original" src="images/empty.gif" data-src="images/img_24.jpg" >
			</a>
			
			<!-- 商品列表 -->
			<ul class="categoryList">
				<li>
					<a href="#" class="scaleImg">
						<!-- <img src="images/img_25.png" alt=""> -->
						<img class="original" src="images/empty.gif" data-src="images/img_25.png" >
					</a>
					<p><a href="#">日式记忆绵坐垫</a></p>
					<span>￥59</span>
				</li>
				<li>
					<a href="#" class="scaleImg">
						<!-- <img src="images/img_26.png" alt=""> -->
						<img class="original" src="images/empty.gif" data-src="images/img_26.png" >
					</a>
					<p><a href="#">日式记忆绵坐垫</a></p>
					<span>￥59</span>
				</li>
				<li>
					<a href="#" class="scaleImg">
						<!-- <img src="images/img_27.png" alt=""> -->
						<img class="original" src="images/empty.gif" data-src="images/img_27.png" >
					</a>
					<p><a href="#">日式记忆绵坐垫</a></p>
					<span>￥59</span>
				</li>
				<li>
					<a href="#" class="scaleImg">
						<!-- <img src="images/img_28.png" alt=""> -->
						<img class="original" src="images/empty.gif" data-src="images/img_28.png" >
					</a>
					<p><a href="#">日式记忆绵坐垫</a></p>
					<span>￥59</span>
				</li>
			</ul>
		</section>
	
		<!-- 大家都在说 -->
		<section id="say">
			<div class="center">
				
				<!-- 标题 -->
				<header>
					<h3>大家都在说</h3>
					<span>生活，没有统一标准</span>
				</header>
				
				<!-- 轮播图 -->
				<div class="content" id="sayPic">
					<div class="carouselImgCon">
						<ul>
							<li>
								<a href="#" class="scaleImg">
									<!-- <img src="images/img_29.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_29.jpg" >
								</a>
								<div>
									<p>n*****1 2017-01-25 01:03</p>
									<p class="clearfix">
										<span class="left">黄金脆千层 140克</span>
										<span class="right">￥23</span>
									</p>
									<p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢网易严选帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
								</div>
							</li>
							<li>
								<a href="#" class="scaleImg">
									<!-- <img src="images/img_30.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_30.jpg" >
								</a>
								<div>
									<p>n*****1 2017-01-25 01:03</p>
									<p class="clearfix">
										<span class="left">黄金脆千层 140克</span>
										<span class="right">￥23</span>
									</p>
									<p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢网易严选帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
								</div>
							</li>
							<li>
								<a href="#" class="scaleImg">
									<!-- <img src="images/img_31.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_31.jpg" >
								</a>
								<div>
									<p>n*****1 2017-01-25 01:03</p>
									<p class="clearfix">
										<span class="left">黄金脆千层 140克</span>
										<span class="right">￥23</span>
									</p>
									<p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢网易严选帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
								</div>
							</li>
							<li>
								<a href="#" class="scaleImg">
									<!-- <img src="images/img_32.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_32.jpg" >
								</a>
								<div>
									<p>n*****1 2017-01-25 01:03</p>
									<p class="clearfix">
										<span class="left">黄金脆千层 140克</span>
										<span class="right">￥23</span>
									</p>
									<p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢网易严选帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
								</div>
							</li>
							<li>
								<a href="#" class="scaleImg">
									<!-- <img src="images/img_33.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_33.jpg" >
								</a>
								<div>
									<p>n*****1 2017-01-25 01:03</p>
									<p class="clearfix">
										<span class="left">黄金脆千层 140克</span>
										<span class="right">￥23</span>
									</p>
									<p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢网易严选帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
								</div>
							</li>
							<li>
								<a href="#" class="scaleImg">
									<!-- <img src="images/img_34.jpg" > -->
									<img class="original" src="images/empty.gif" data-src="images/img_34.jpg" >
								</a>
								<div>
									<p>n*****1 2017-01-25 01:03</p>
									<p class="clearfix">
										<span class="left">黄金脆千层 140克</span>
										<span class="right">￥23</span>
									</p>
									<p>超棒的产品，手感非常的舒服，包装很别致。物流也很快。会继续关注，感谢网易严选帮我们选择这么好的产品，希望继续帮我们严格选择更优质的产品</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="prev"><</div>
					<div class="next">></div>
				</div>
			</div>
		</section>
	
		<!-- 底部 -->
		<footer>
			
			<!-- 上边 -->
			<div class="message">
				<div class="center">
					<!-- 左 -->
					<div class="box">
						<h4>客服电话</h4>
						<p class="phone">400-0368-163</p>
						<p class="workTime">9:00-22:00</p>
						<div class="btn">
							<a href="#">用户反馈</a>
							<a href="#">在线客服</a>
						</div>
					</div>
					<!-- 中 -->
					<div class="box">
						<h4>何为严选</h4>
						<p>网易原创生活类电商品牌，秉承网易—贯的严谨态度,我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品</p>
						<dl class="clearfix">
							<dt>关注我们∶</dt>
							<dd><a href="#"><img src="images/ico_05.gif" alt=""></a></dd>
							<dd><a href="#"><img src="images/ico_06.gif" alt=""></a></dd>
							<dd><a href="#"><img src="images/ico_07.gif" alt=""></a></dd>
						</dl>
					</div>
					<!-- 右 -->
					<div class="box">
						<h4>扫码下载严选APP</h4>
						<img src="images/down.png" alt="">
						<p>首单立减8元</p>
					</div>
				</div>
			</div>
		
			<!-- 下边 -->
			<div class="foot">
				<div class="center">
					<div class="title">
						<div>30天无忧退货</div>
						<div>满88元免邮费</div>
						<div>网易品质保证</div>
					</div>
					<div class="copy">
						<p>
							<a href="#">关于我们</a>|<a href="#">帮助中心</a>|<a href="#">售后服务</a>|
							<a href="#">配送与验收</a>|<a href="#">商务合作</a>|<a href="#">企业采购</a>|
							<a href="">友情链接</a>
						</p>
						<p>网易公司版权所有 &copy;1997-2017 食品经营许可证:JY13301080111719</p>
					</div>
				</div>
			</div>
		</footer>
		
		<!-- 侧边栏 -->
		<div id="sideBar">
			<div class="top">
				<a href="#">新人有礼</a>
				<a href="#">下载APP</a>
				<a href="#">在线客服</a>
			</div>
			<a href="javascript:;" class="back">回顶部</a>
		</div>
		
		<script src="js/limitTime.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/move.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Carousel.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>


